<!doctype html>
<html lang="en">
	<head>
		<meta charset="utf-8"/>
		<title>Asteroids of the Solar System</title>
		<script src="scripts/sessionstorage.1.4.js" language="javascript"></script>
		<script src="scripts/scripts.js" language="javascript"></script>
		<link href="styles/styles.css" rel="stylesheet" type="text/css"/>
	</head>	
	
		<body onload="javascript:visitEros()">
		
		<nav id="navigation">
			<a href="topic-1.html" class="menu-link">Asteroid Belt</a>
			<a href="topic-2.html" class="menu-link">Ceres</a>
			<span class="menu-link-inactive">433 Eros</span>
			<a href="topic-4.html" class="menu-link">Vesta</a>
			<a href="assessment.html" id="hide-link" class="menu-link">Assessment</a>
		</nav>
		<section id="main-content">
			<article id="main-info">
			
				<header>
			<h1 id="topic-title">433 Eros</h1>
		</header>
		<table>
			<tr>
			<td class="photo1">	
				<img src="images/eros.jpg" alt="Pictures of Eros Asteroid" title="Pictures of Eros Asteroid"/>
			</td>
			<td class="photo2">
				<img src="images/eros2.jpg" alt="Eros Asteroid" title="Eros Asteroid">	
			</td>
			</tr>
		</table>
		<article>
			<p>Eros is the second largest near earth asteroid in our solar system. Eros was named and discovered in 1898 by Carl Gustav Witt.
				</p>
		</article>
		<hr/>
		<footer>
			This infromation and these images were extracted from <a href="http://en.wikipedia.org/wiki/4_Vesta">Wikipedia</a> and <a href="http://www.nasa.gov">NASA</a>.
		</footer>
			
			</article>
			
			<aside id="aside-info">
				<header>
					<p id="aside-title-audio">Audio</p>
				</header>
				<audio id="narration" controls="controls">
					
				</audio>
					
				<br/>
				<header>
					<p id="aside-title-audio">Transcript</p>
				</header>
				<div id="transcript">
				</div>
			</aside>
			<div id="main-content-clear"></div>	
		</section>
	</body>
</html>